<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
    <head>
        <title>Beaup Online</title>
        <link type="text/css" href="styles/im.css" rel="stylesheet" />       
    </head>
    <body>
        <div id="container">
            <div id="header">
            
            </div>
            <div id="leftmenu">
                <form method="POST">
                    <div id="login">
                        <table>
                            <tr>
                                <td>Username: </td>
                                <td>
                                    <input type="textbox" id="user" />
                                </td>
                            </tr>
                            <tr>
                                <td>Password: </td>
                                <td>
                                    <input type="password" id="pword" style="width: 153px; margin-left: 2px;"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="button" 
                                       value="Login" 
                                       onclick="javascript:doLogin()" />
                                </td>
                                <td>
                                    <input type="radio" name="proto" value="AIM" 
                                           onclick="javascript:removeServerBox();" />AIM
                                    <input type="radio" name="proto" value="MSN" 
                                           onclick="javascript:removeServerBox();" />MSN
                                    <br />
                                    <input type="radio" name="proto" value="JABBER" 
                                           onclick="javascript:addServerBox();"/>Jabber
                                </td>
                            </tr>
                        </table>                   
                    </div>
                    <div id="friends_list_container">
                        <ul id="list">
                            
                        </ul>
                    </div>
                 </form>
            </div>
            <div id="content">
                
            </div>
            <div id="footer">
            
            </div>
        </div>
        <script type="text/javascript" src="scripts/ajaxscript.js"> </script>
        <script type="text/javascript" src="scripts/utilities.js"> </script>
    </body>
</html>